<!DOCTYPE html>
<html lang="cn">
<head>
    <meta charset="utf-8">
    <title>首页 </title>

    <!--移动设备优先-->
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <link rel="stylesheet" type="text/css" href="/static/index/css/bootstrap.css" />
    <link rel="stylesheet" type="text/css" href="/static/index/css/my.css" />
    <link rel="stylesheet" type="text/css" href="/static/index/css/font_1477105914_3430886.css">
    <link rel="stylesheet" type="text/css" href="/static/index/css/timesroll.css">

    <script src="/static/index/js/jquery-1.10.1.min.js" ></script>
    <script src="/static/index/js/scrollReveal.js"></script>
    <script src="/static/index/js/modernizr.js"></script>
</head>
<body>


<div class="container">
    <nav class="navbar navbar-default">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                <span class="sr-only">导航</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand visible-xs" href="#">博客导航</a>
        </div>
        <div class="collapse navbar-collapse menu" id="bs-example-navbar-collapse-1">
            <div class="navbar-header navbar-left">
                <a class="navbar-brand" href="#">
                    <img alt="Brand" src="...">
                </a>
            </div>
            <ul class="nav navbar-nav navbar-right">
                <li class="menu-active"><a href="{:url('index/index/index')}">首页</a></li>
                <li class="menu-active"><a href="{:url('index/index/about')}">关于我</a></li>
                {volist name="cate" id="cate"}
                <li class="dropdown ">
                    <a href="/category/{$cate.id}"  data-hover="dropdown">{$cate.cname}</a>
                    <ul class="dropdown-menu" role="menu">
                        {volist name="cate['cate2']" id="cate2"}
                        <li><a href="/category/{$cate2.id}" ><i class="icon-ok-sign"></i> {$cate2.cname}</a></li>
                        <li class="divider"></li>
                        {/volist}
                    </ul>
                </li>
                {/volist}
                {:empty($Think.session.user) && empty($Think.session.qq) ?  "<li><a href=\".url('index/login/index').\">登录/注册</a></li>" : ''}
                {:empty($Think.session.user) ? '' : "<li><a  href=\".url('index/personal/index').\">".$Think.session.user.username."</a></li>"}
                {:empty($Think.session.qq) ? '' : "<li class='dropdown '><a href=''  data-hover='dropdown'><img width='20' src=\".$Think.session.qq.figureurl.\" class='img-circle'>".$Think.session.qq.nickname."</a><ul class='dropdown-menu' role='menu'><li><a href=\".url('index/personal/qqExit').\" ><i class='icon-ok-sign'></i> 退出登录</a></li><li class='divider'></li></ul></li>"}

            </ul>
            <div class="menu-bar"></div>
            <div class="menu-clean"></div>
        </div>
    </nav>
    <script>
        $('.cate').click(function(){
            $pid = $(this).attr('data-pid');
            console.log($pid);
            $.ajax({
                type : 'post',
                data : {'pid':$pid},
                url : "{:url('index/index/cateList')}",
                datatype: 'json',
                success : function(data){
                    $('.catebox').html(data);
                }
            });
        });
    </script>
</div>
<!--头部结束-->
<div class="container catebox">
    <div class="row aerousel">
        <!-- 轮播开始 -->
        <script src="/static/index/js/jquery.banner.js"></script>
        <ul class="hiSlider container hidden-xs banner">
            <li class="hiSlider-item" data-title="换个图，换个心情"><a href="" target="_blank"><img src="/static/index/images/1e1d307f6c122f06a2a7f9141f8fdade.jpg" alt="换个图，换个心情"></a></li>
            <li class="hiSlider-item" data-title="@@"><a href="" target="_blank"><img src="/static/index/images/62f251094d02c12741fd779c46ad5bb1.jpg" alt="@@"></a></li>
        </ul>
        <script>
            $('.banner').hiSlider({
                isFlexible: true,
                isSupportTouch: true,
                isShowControls: false,
                titleAttr: function(){
                    return $('img', this).attr('alt');
                }
            });
        </script>
    </div>
    {/block}
</div>
<div class="container">
    <div class="row">
        <div class="col-md-8">
            <ul class="cbp_tmtimeline">
                {volist name="arc" id="info"}
                <li>
                    <time class="cbp_tmtime hidden-xs" ><span>{:Date('m-d',$info.release_time)}</span> <span>{:Date('Y',$info.release_time)}</span></time>
                    <div class="cbp_tmicon hidden-xs"></div>
                    <div class="cbp_tmlabel" data-scroll-reveal="enter right over 1s" >
                        <h2>{$info.title}</h2>
                        <p><span class="blogpic hidden-xs"><img src="/static/upload/arc/{$info.thumb}"></span>{$info.desc}</p>
                        <a href="/content/{$info.id}" class="readmore">阅读全文&gt;&gt;</a>
                    </div>
                </li>
                {/volist}
            </ul>

            <script>
                if (!(/msie [6|7|8|9]/i.test(navigator.userAgent))){
                    (function(){
                        window.scrollReveal = new scrollReveal({reset: true});
                    })();
                };

            </script>
        </div>
        <div class="col-md-4">
            <div class="sider-margin sider-box">
                <div class="sider-search">
                    <div class="input-group sider-search-input">
                        <form action="/search.html" method="get" class="form-search">
                            <input type="text" class="form-control sider-search-input" placeholder="请输入关键词" name="key">
                            <span class="input-group-btn">
                                <button class="btn btn-default btn-search" type="submit"><i class="iconfont icon-search search"></i></button>
                            </span>
                        </form>
                    </div>
                </div>

            </div>
            <div class="sider-margin sider-box">
                <h4><i class="iconfont icon-tags"></i>&nbsp;&nbsp;我的标签</h4>
                <ul class="sider-tag-ul">
                    {volist name="tag" id="tag"}
                    <li class="label label-danger sider-tag-end "><a href="/article-27.html">{$tag.tname}</a></li>
                    {/volist}
                </ul>
            </div>

            <div class="sider-box">
                <h4><i class="iconfont icon-review"></i>&nbsp;&nbsp;最新互动</h4>
                <div class="tab"  id="tab">
                    <ul class="nav nav-tabs" >
                        <li class="active"><a href="#art" data-toggle="tab">最新文章</a></li>
                        <li><a href="#contents" data-toggle="tab">最热文章</a></li>
                        <li><a href="#hot" data-toggle="tab">点赞最多</a></li>
                    </ul>
                </div>
            </div>
            <div class="sider-box">
                <div class="tab-content">
                    <div class="tab-pane fade in active" id="art">
                        <ul class="sider-content-ul">
                            <li><i class="iconfont icon-hit"></i>&nbsp;&nbsp;<a href="/article-27.html" >JQ获取兄弟元素的值</a>(15293)</li>
                            <li><i class="iconfont icon-hit"></i>&nbsp;&nbsp;<a href="/article-5.html" >青春博客 Beta V1.8 测试版</a>(9449)</li>
                            <li><i class="iconfont icon-hit"></i>&nbsp;&nbsp;<a href="/article-149.html" >阿里云短信接口使用</a>(8907)</li>
                            <li><i class="iconfont icon-hit"></i>&nbsp;&nbsp;<a href="/article-130.html" >ajax的请求报错provisional head</a>(7598)</li>
                            <li><i class="iconfont icon-hit"></i>&nbsp;&nbsp;<a href="/article-159.html" >青春博客3.0</a>(7317)</li>
                            <li><i class="iconfont icon-hit"></i>&nbsp;&nbsp;<a href="/article-20.html" >后台模板源文件下载</a>(7287)</li>
                        </ul>
                    </div>
                    <div class="tab-pane fade" id="contents">
                        <ul class="sider-content-ul">
                            <li><i class="iconfont icon-hit"></i>&nbsp;&nbsp;<a href="/article-27.html" >JQ获取兄弟元素的值</a>(15293)</li>
                            <li><i class="iconfont icon-hit"></i>&nbsp;&nbsp;<a href="/article-5.html" >青春博客 Beta V1.8 测试版</a>(9449)</li>
                            <li><i class="iconfont icon-hit"></i>&nbsp;&nbsp;<a href="/article-149.html" >阿里云短信接口使用</a>(8907)</li>
                            <li><i class="iconfont icon-hit"></i>&nbsp;&nbsp;<a href="/article-130.html" >ajax的请求报错provisional head</a>(7598)</li>
                            <li><i class="iconfont icon-hit"></i>&nbsp;&nbsp;<a href="/article-159.html" >青春博客3.0</a>(7317)</li>
                            <li><i class="iconfont icon-hit"></i>&nbsp;&nbsp;<a href="/article-20.html" >后台模板源文件下载</a>(7287)</li>
                        </ul>
                    </div>
                    <div class="tab-pane fade" id="hot">
                        <ul class="sider-hot-ul">
                            <li><i class="iconfont icon-hit"></i>&nbsp;&nbsp;<a href="/article-27.html" >JQ获取兄弟元素的值</a>(15293)</li>
                            <li><i class="iconfont icon-hit"></i>&nbsp;&nbsp;<a href="/article-5.html" >青春博客 Beta V1.8 测试版</a>(9449)</li>
                            <li><i class="iconfont icon-hit"></i>&nbsp;&nbsp;<a href="/article-149.html" >阿里云短信接口使用</a>(8907)</li>
                            <li><i class="iconfont icon-hit"></i>&nbsp;&nbsp;<a href="/article-130.html" >ajax的请求报错provisional head</a>(7598)</li>
                            <li><i class="iconfont icon-hit"></i>&nbsp;&nbsp;<a href="/article-159.html" >青春博客3.0</a>(7317)</li>
                            <li><i class="iconfont icon-hit"></i>&nbsp;&nbsp;<a href="/article-20.html" >后台模板源文件下载</a>(7287)</li>
                            <li><i class="iconfont icon-hit"></i>&nbsp;&nbsp;<a href="/article-145.html" >thinkphp5分页传递参数</a>(6775)</li>
                            <li><i class="iconfont icon-hit"></i>&nbsp;&nbsp;<a href="/article-68.html" >ThinkPHP的易忽视点小结</a>(6451)</li>
                        </ul>
                    </div>
                </div>
            </div>

        </div>

    </div>
</div>
</div>
</div>

{/block}






<!--底部开始-->
<div class="container-foot">
    <div class="container foot">
        <div class="row foot-margin">

        </div>
    </div>
</div>
<!--底部结束-->

<script src="/static/index/js/bootstrap.js"></script>
<script src="/static/index/js/common.js"></script>
<script src="/static/index/js/layer.js"></script>


</body>
</html>
